<!DOCTYPE html>
<html lang="en">
<head>
    <title>Title</title>
    <meta charset="utf-8">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <script src="../js/util/jquery-3.4.1.min.js"></script>
    <link rel="stylesheet" href="../static/layui/css/layui.css">
    <script src="../static/layui/layui.js"></script>
    <script src="../js/util/myAjax.js"></script>
    <script src="../js/dianDaoSelect.js"></script>
    <link rel="stylesheet" href="../static/layui/css/modules/laydate/default/laydate.css">
</head>
<body>
<div style="text-align: center; font-size: 30px;font-weight: bold;">点到查询</div>
<div>
    <form class="layui-form" action="">
        <div class="layui-form-item">
            <div class="layui-inline">
                <label class="layui-form-label">姓名</label>
                <div class="layui-input-inline" style="width: 120px">
                    <input name="phone" id="personnelName" class="layui-input" type="tel" autocomplete="off" lay-verify="required|phone">
                </div>
            </div>
            <div class="layui-inline">
                <label class="layui-form-label">点到状态</label>
                <div class="layui-input-inline" style="width: 80px">
                    <select id="modules" lay-search="" lay-verify="required">
                    </select>
                </div>
            </div>
            <div class="layui-inline">
                <label class="layui-form-label">点到日期</label>
                <div class="layui-input-inline" style="width: 100px;">
                    <input name="date" class="layui-input" id="begindate" type="text" placeholder="开始时间" autocomplete="off" lay-verify="date">
                </div>
                <div class="layui-form-mid">-</div>
                <div class="layui-input-inline" style="width: 100px;">
                    <input name="date" class="layui-input" id="enddate" type="text" placeholder="结束时间" autocomplete="off" lay-verify="date">
                </div>
            </div>
            <div class="layui-inline">
                <label class="layui-form-label">迟到日期</label>
                <div class="layui-input-inline" style="width: 100px;">
                    <input name="date" class="layui-input" id="begindatelate" type="text" placeholder="开始时间" autocomplete="off" lay-verify="date">
                </div>
                <div class="layui-form-mid">-</div>
                <div class="layui-input-inline" style="width: 100px;">
                    <input name="date" class="layui-input" id="enddatelate" type="text" placeholder="结束时间" autocomplete="off" lay-verify="date">
                </div>
            </div>
            <div class="layui-inline">
                <button type="button" onclick="selectAllData()" class="layui-btn layui-btn-lg layui-btn-normal">确定</button>
            </div>
        </div>
    </form>
</div>
<div>
    <table class="layui-table" lay-skin="row" lay-even="">
        <thead>
        <tr>
            <th>ID</th>
            <th>点到人</th>
            <th>点到状态</th>
            <th>迟到时间</th>
            <th>点到时间</th>
        </tr>
        </thead>
        <tbody id="diandaoAll">

        </tbody>
    </table>
</div>
</body>
</html>